<template>
	<view class="item">
		<u-image width="100%" height="300rpx" :src="goodsItem.cover_url" class="u-skeleton-fillet" :lazy-load="true"
		:show-loading="false"></u-image>
		<view class="u-line-1 title u-skeleton-rect">
			{{goodsItem.title ? goodsItem.title : '默认标题'}}
		</view>
		<view class="u-flex u-row-between">
			<text class="price u-skeleton-rect">￥{{goodsItem.price}}</text>
			<text class="sales u-skeleton-rect">销量{{goodsItem.sales}}</text>
		</view>
	</view>
</template>

<script>
	export default {
		name:"goods-card",
		props:{
			goodsItem:{
				type:Object,
					
				default(){
					return {}
				}
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style scoped>
.item{
		padding: 40rpx 30rpx;
	}
	.title{
		font-size: 30rpx;
		font-weight: bold;
		margin: 20rpx 0;
		width: 100%;
	}
	.price{
		color:red;
		width: 30%;
	}
	.sales{
		color: #666;
		width: 30%;
	}
</style>
